Bootstrap: Build A Modern Responsive Website (HTML, CSS, JS)

Create a dedicated project folder on the desktop, then add an index file, a style.css file, a JavaScript file, and lib and images folders to support a Bootstrap-based responsive website.

Discover editor plugins that boost speed and accuracy in web development, including Emmet for boilerplate HTML and tag shortcuts, and life server for life preview with automatic updates.

Learn to add bootstrap and its dependency to a project, link your custom css and js files, and include bootstrap's css and scripts to set up a responsive page.

Create a responsive navigation bar with Bootstrap and jQuery that becomes sticky on scroll, changes background and link colors, includes a brand, Font Awesome hamburger, and a mobile collapse menu.

Create a responsive header using bootstrap grid, container-fluid, and center alignment, add a typing effect for the name, an intro paragraph, and a call-to-action button to download a CV.

Learn to build a responsive header hero with a full-width background image, gradient overlay, and centered content using flexbox, plus a call-to-action button and a typing effect.

Build a responsive about section with a bootstrap container and a two-column layout: a profile image (image-fluid, image-thumbnail) beside content, plus inline social icons and section padding.

Create the experience section under the about area using Bootstrap progress bars to display skill levels, with a responsive two-column layout, accessible aria attributes, and waypoint-based animation planned.

Target all progress-bar elements with JavaScript, set their width and transition properties, and trigger the animation when the experience section comes into view using the Waypoints library.

Use the Waypoints library to trigger the experience section animation on view, configuring the global waypoint with element and handler, and a 90% offset to start the progress bar.

Demonstrates building a bootstrap service section with a responsive two-row grid of six cards, each featuring a card header and card body, with centered text and decorative icons.

Style the service section by adding a background color and padding, then customize the service cards with background colors, removed borders, and a blue highlight border.

Create the hire me section with a container class tech center and an hr rule, featuring a bold 'hire me now' CTA, white text, and five-pixel top and bottom padding.

Create a responsive bootstrap testimony carousel by wiring up HTML structure, including resources, configuring carousel items with images and names, and styling with CSS for capped width and autoplay.

Create the work section as a responsive image gallery with filtering using a free javascript library, implementing data-filter buttons and tag-based image groups in filter container to show matching images.

Create a bootstrap-based work section with a responsive image gallery, using container, row, and card elements. Add filter buttons and data attributes to categorize images and enable category-based image filtering.